import Vue from 'vue'
//导入所有 Mint-UI组件
// import MintUI from 'mint-ui'
// import 'mint-ui/lib/style.css'
import './css/app.css'
// Vue.use(MintUI)


//按需导入 Mint-UI组件
import {Button} from 'mint-ui'
//使用 Vue.component 注册 按钮组件
//自定义名称
// Vue.component('mybtn',Button)

//使用官方定义的名称
Vue.component(Button.name,Button)

//组件注册
// var login={
//     template:'<p>文字</p>'
// }
// Vue.component('mylogin',login)







//导入bootstrap样式
import 'bootstrap/dist/css/bootstrap.css'

//1，导入vue-router 包
import VueRouter from 'vue-router'

//2，手动安装 VueRouter
Vue.use(VueRouter)

//导入 app 组件
import app from './App.vue'

//导入 login 组件


import router from './router.js'


var vm=new Vue({
    el:'#app',//这里的"#app"指的是页面中 id=app的div
    render:c=>c(app),//这里的app指的是App.vue这个组件
    //render 会把 el 指定的容器中，所有的内容都清空覆盖
    router //4，将路由对象挂载到vm上
})

//app这个组件是有vm 实例的 render 函数 渲染出来的，渲染出来的组件只能放到el："#app" 所指定的元素中
//login 和 regisger 组件 ，通过路由匹配监听到的，所以这两个组件只能展示到<router-view>中去
